#submit-model .mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999999;
}

#submit-model .content {
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .1);
    background-color: #fff;
    background-size: 100% 2586px;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 9999999;
}
#aDiv {
    z-index: 99999999;
}
#sAlert {
    z-index: 999999999;
}
#submit-model .content * {
    box-sizing: content-box;
}
#submit-model .content .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(165deg, #ffffff 8.398224422770875%, hsl(224, 100%, 63%) 32.42621960559157%, hsl(244, 100%, 60%) 66.78485411945215%, hsl(287, 100%, 50%) 100%);
    background-size: 100% 2586px;
    background-position: top left;
    background-repeat: no-repeat;
}
#submit-model .content .g-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 100px;
}

#submit-model .content .g-box h1 {
    white-space: pre;
    font-size: 60px;
    color: #000;
}

#submit-model .content .g-box p {
    padding-top: 50px;
    font-size: 28px;
    line-height: 1.3em;
    color: #333;
}

#submit-model .content .g-box form {
    width: 532px;
    margin-left: 60px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 .6021873017743928px 3.010936508871964px -.8333333333333333px #0000000d, 0 2.288533303243457px 11.442666516217285px -1.6666666666666665px #0000000d, 0 10px 50px -2.5px #0000000d;
    background: linear-gradient(334deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
}

#submit-model .content .g-box form .row {
    display: flex;
    margin-bottom: 20px;
}

#submit-model .content .g-box form .g-input {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}
#submit-model .content .g-box form .g-input:last-child {
    margin-right: 0;
}
#submit-model .content .g-box form .g-input label {
    padding-bottom: 10px;
}
#submit-model .content .g-box form .g-input input, #submit-model .content .g-box form .g-input textarea {
    height: calc(16px * 1.4);
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.4em;
    color: rgb(34, 34, 34);
    background-color: rgba(255, 255, 255, 0.9);
}
#submit-model .content .g-box form .g-input textarea {
    height: 140px;
    resize: none;
}
#submit-model .content .g-box form button {
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 1.2em;
    color: #fff;
    background-color: rgb(0, 0, 0);
}
#submit-model .content .g-box form button:focus {
    outline: 1px solid rgb(153, 0, 255);
    outline-offset: 0px;
}
@media screen and (max-height: 840px) {
    #submit-model .content .g-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #submit-model .content .g-box form .g-input textarea {
        height: 80px;
    }
}
@media screen and (max-width: 1200px) {
    #submit-model .content .g-box form {
        width: 40vw;
    }
    #submit-model .content .g-box {
        padding: 50px;
    }
    #submit-model .content .g-box form .row {
        flex-direction: column;
    }
    #submit-model .content .g-box form .row .g-input {
        margin-bottom: 20px;
        margin-right: 0;
    }
    #submit-model .content .g-box form .row .g-input:last-child {
        margin-bottom: 0;
    }
    #submit-model .content .g-box h1 {
        font-size: 50px;
    }
    #submit-model .content .g-box p {
        padding-top: 60px;
        font-size: 25px;
    }
}
@media screen and (max-width: 854px) {
    #submit-model .content .g-box h1, #submit-model .content .g-box p {
        display: none;
    }
    #submit-model .content  .g-box form {
        margin-left: 0;
    }
    #submit-model .content .g-box form .g-input textarea {
        height: 80px;
    }
    #submit-model .content {
        border-radius: 20px;
    }
    #submit-model .content .g-box {
        padding: 0;
    }
    #submit-model .content .g-box form {
        width: 60vw;
    }
}
#submit-box {
    position: fixed;
    bottom: 30px;
    left: 16px;
    width: 320px;
    height: 520px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px, rgba(0, 0, 0, 0.03) 0px 100px 80px, rgba(0, 0, 0, 0.02) 0px 41.7776px 33.4221px, rgba(0, 0, 0, 0.02) 0px 22.3363px 17.869px, rgba(0, 0, 0, 0.016) 0px 12.5216px 10.0172px, rgba(0, 0, 0, 0.01) 0px 6.6501px 5.32008px, rgba(0, 0, 0, 0.008) 0px 2.76726px 2.21381px;
    background-color: #f6f6f6;
    z-index: 999999;
    overflow: hidden;
    transition: height .35s ease-in-out;
}
#submit-box.close {
    height: 50px;
}
#submit-box .sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    background-color: #0e1726;
}
#submit-box .sub-header .sub-icon {
    position: relative;
    padding: 20px 30px;
    cursor: pointer;
}
#submit-box .sub-header .sub-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
}
#submit-box .sub-header .sub-logo {
    height: 35px;
    margin-left: 12px;
    background-image: none;
}
#submit-box form {
    padding: 20px 12px;
}
#submit-box form .row {
    display: flex;
    margin-bottom: 20px;
}

#submit-box form .g-input {
    flex: 1;
    display: flex;
    flex-direction: column;
}
#submit-box form .g-input label {
    font-size: 12px;
    padding-bottom: 10px;
}
#submit-box form .g-input input, #submit-box form .g-input textarea {
    height: calc(16px * 1.2);
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.4em;
    color: rgb(34, 34, 34);
    background-color: rgba(255, 255, 255, 0.9);
}
#submit-box form .g-input textarea {
    height: 60px;
    resize: none;
}
#submit-box form button {
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    letter-spacing: -0.01em;
    line-height: 1.2em;
    color: #fff;
    background-color: rgb(0, 0, 0);
}
#submit-box form button:focus {
    outline: 1px solid rgb(153, 0, 255);
    outline-offset: 0px;
}